<!DOCTYPE html>
<html>
<head>
    <title>1+1+1签约服务</title>
    <%- include('../../_global/baseLibs') %>

    <style>
        body{
            font-size: 16px;
        }
        .border-box{
            position: relative;
            background: #FFFFFF;
            border-color: #DDDDDD;
            border-style: solid;
            border-width: 1px 0px ;
        }
        .border-top-box{
            position: relative;
            background: #FFFFFF;
            border-color: #DDDDDD;
            border-style: solid;
            border-width: 1px 0px 0px 0px;
        }
        .bottom-box{
            margin-bottom: 0.55rem;
        }
        .link{
            height: 3.6rem;
            vertical-align: middle;
        }
        .title{
            margin-left: 1rem;
            color: #ADADAD;
        }
        .link-span{
            line-height: 3.6rem;
            color: #000000;
        }

        .link img{
            width: 0.8rem;
            height: 1.5rem;
            border: 0;
            position: absolute;
            top: 50%;
            right: 1rem;
            margin-top: -0.8rem;
        }

        .box-yqyys{
            line-height: 2.6rem;
            font-size: 14px;
        }

        .doctor-desc{
            height: 5.8rem;
            border-bottom: none;
            padding: 0.3rem 0rem;
            color: #333333;
        }
        .doctor-desc img{
            width: 4.2rem;
            height: 4.2rem;
            position: absolute;
            top: 50%;
            margin-top: -2.1rem;
            margin-left: 1rem;
        }
        .doctor-desc div{
            margin-left: 7.5rem;
        }
        .doctor-info{
            padding-top: 0.25rem;
        }
        .doctor-name{
            font-size: 18px;
            padding-right: 0.5rem;
        }
        .doctor-zc{
            font-size: 14px;
        }
        .qysj{
            margin-top: -0.5rem;
        }
        .box-yqyyy{
            line-height: 2.6rem;
            font-size: 14px;
        }
        .box-yqyyy-item{
            height: 7rem;
        }
        .box-yqyyy-item img{
            width: 4.2rem;
            height: 4.2rem;
            position: absolute;
            top: 50%;
            margin-top: -2.1rem;
            margin-left: 1rem;
        }
        .yyxx{
            font-size: 16px;
            float: left;
            margin-left: 6.5rem;
            margin-top: 2.3rem;
        }
    </style>
    <script>
        var page_qyfw = (function($, page_qyfw) {

            var cfg_def = {

            }
            page_qyfw.init = function(cfg){
                initView();
            }

            function initView(){
                $(".link").on('click', function(){
                    var module = $(this).attr('module');
                    var uri = $(this).attr('uri');
                    $.pageSwitch.goToUrl(module, uri);
                })
            }

            return page_qyfw;
        })(jQuery, {})
    </script>
</head>
<body>
    <div class="link border-box bottom-box" module="yscf" uri="index">
        <span class="title link-span">延伸处方</span>
        <img src="/static/images/back.png">
    </div>
    <div class="link border-box bottom-box" module="zzxx" uri="index">
        <span class="title link-span">转诊订单</span>
        <img src="/static/images/back.png">
    </div>
    <div class="box-yqyys border-box bottom-box">
        <span class="title">已签约医生</span>
        <div class="doctor-desc border-box">
            <img src="/static/images/doctor/doc.png">
            <div class="doctor-info">
                <span class="doctor-name">姓名</span>
                <span class="doctor-zc">职称</span>
            </div>
            <div class="qysj">
                <span>签约时间</span>
                <span class="sign-date">2018年6月24日</span>
            </div>
        </div>
    </div>
    <div class="box-yqyyy border-box bottom-box">
        <span class="title">已签约医院</span>
        <div class="box-yqyyy-item border-top-box">
            <img src="/static/images/qyfw/sj90.png">
            <div class="yyxx">
                <span class="hosName">复旦大学附属华山医院</span>
            </div>
        </div>
        <div class="box-yqyyy-item border-top-box">
            <img src="/static/images/qyfw/qj90.png">
            <div class="yyxx">
                <span class="hosName">普陀区中心医院</span>
            </div>
        </div>
        <div class="box-yqyyy-item border-top-box">
            <img src="/static/images/qyfw/sq90.png">
            <div class="yyxx">
                <span class="hosName">桃浦镇社区卫生服务中心</span>
            </div>
        </div>
    </div>
</body>
<script>
    $(function () {
        var personcardNo = JSON.parse(localStorage.getItem('jkcsUserInfo')).sfzh
        $.QuickRemote.AjaxJson({//获取医生信息
            funcName: "/api/gzd/qyfw/detail"
            ,params: {personcardNo:personcardNo}
            ,callback: function(result) {
                $(".doctor-name").text(result.famName)
                $(".doctor-zc").text(result.dutyName )
                $(".sign-date").text(result.qysj)
                $(".hosName").eq(0).text(result.signOrgName || '')
                $(".hosName").eq(1).text(result.signOrgidLv2Name || '')
                $(".hosName").eq(2).text(result.signOrgidLv3Name || '')
            }
        });
    })
</script>
</html>